/************ User Home (Worksheet listing) **************************/

#worksheet-listing-page
  #welcome-message
    :text-align center
    :padding 1em

.ratingmsg
  :color #112abb
  :padding 0.3em
  :font-size 14px

.pubmsg
  +sans-serif-stack
  :color #112abb
  :padding 0.3em
  :font-size 12px

#worksheet-list
  :clear both
  :width 100%
  thead
    :background-color #e8eef7
  td.checkbox
    :padding 4px

.controls a, .usercontrol
  :color #112abb
  :font-size 14px
  :text-decoration underline

  &:hover
    :cursor pointer

.controls
  span
    :color #112abb
    :padding 0.3em
    :font-size 14px


.user-controls a, .boldusercontrol
  :color #112abb
  :font-weight bold
  :font-size 14px

.user-controls a, .controls a, .controls span
  :padding 0.3em

a
  &.control, &.control-select
    :background-color #7799bb
    +sans-serif-stack
    :color #ffffff
    :padding-top 0.25em
    :padding-bottom 0.25em
    :padding-left 0.5em
    :padding-right 0.5em
    :font-size 15px
    :font-weight bold
    :text-decoration none

  &.control:hover
    :cursor pointer

  &.control-select
    :background-color #4477aa

    &:hover
      :cursor pointer


.sharebar
  :background-color #4477aa
  +sans-serif-stack
  :color #ffffff
  :padding-top 0.5em
  :padding-bottom 0.5em
  :padding-left 2em
  :font-size 1.25em
  :font-weight bold


textarea.edit
  +monospace-stack
  :font-size 10pt
  :border 1px solid #8cacbb
  :color black
  :background-color white
  :padding 3px
  :overflow auto
  :margin-top 0.5em


a.listcontrol
  :padding 1ex
  :color #112abb
  :font-weight bold
  :font-size 14px
  :text-decoration none


hr
  &.usercontrol
    :border 0
    :width 99%
    :color #c9d7f1
    :background-color #c9d7f1
    :height 1px

  &.greybar hr.negative_greybar
    :border 0
    :width 99%
    :color #aaa
    :background-color #aaa
    :height 1px

  &.negative_greybar
    :top -1em
    :position relative


span
  &.checkcol
    :position relative
    :left 0%
    :width 10%

  &.leftcol
    :position relative
    :left 10%
    :width 20%

  &.middlecol
    :position relative
    :left 30%
    :width 20%

  &.rightcol
    :position relative
    :left 50%
    :width 20%


tr.greybox
  :background-color #e8eef7


td.entry
  :padding 4px


div.thinspace
  :border 0
  :height 2px


tr.thingreybox
  :background-color #aaa


div.ultrathinspace
  :border 0
  :height 0px


.lastedit
  +sans-serif-stack
  :font-size 10px
  :color #717171

.revs
  +sans-serif-stack
  :font-size 12px
  :font-weight bold
  :color #333333

.users
  +sans-serif-stack
  :font-size 13px
  :color #222222


a.share
  +sans-serif-stack
  :font-size 10px
  :color #7777cc


select
  &.worksheet
    :width 6em
    :border #aaaaaa
    :border-style solid
    :border-top-width 1px
    :border-right-width 1px
    :border-bottom-width 1px
    :border-left-width 1px

  &.worksheet_list, &.worksheet_edit
    :width 5em
    :border #aaaaaa
    :border-style solid
    :border-top-width 1px
    :border-right-width 1px
    :border-bottom-width 1px
    :border-left-width 1px


td
  &.worksheet_link
    +sans-serif-stack
    :font-size 12px
    :font-weight bold
    :color #000000

  &.archived_worksheet_link, &.owner_collab, &.last_edited
    +sans-serif-stack
    :font-size 12px
    :color #000000


span.addtext
  +sans-serif-stack
  :font-size 13px
  :color #222


textarea.plaintextedit
  +monospace-stack
  :font-size 10pt
  :border 1px solid #8cacbb
  :color black
  :background-color white
  :overflow auto
  :width 99%
  :height 60%


pre.plaintext
  :overflow auto
  +monospace-stack
  :font-size 10pt
  :border 1px solid #8cacbb
  :color black
  :background-color white
  :margin-top 0.5em


div.docidx
  :text-align center
  +sans-serif-stack
  :font-size 16px
  :color #222
  :font-weight bold


span
  &.ping
    :display none

  &.pingdown
    +sans-serif-stack
    :font-size 15px
    :font-weight bold
    :color white
    :background-color #990000
    :margin-left 1em
